/* global css variable */
$primary-color: var(--el-color-primary);

// 默认动画
$base-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border 0s, color 0.1s, font-size 0s;

// 默认背景颜色
$base-color-background: #f6f8f9;

// 最大宽度
$base-main-width: 1279px;

// 圆角
$base-border-radius: 2.5px;

// 边框颜色
$base-border-color: #dcdfe6;

// 输入框高度
$base-input-height: 32px;

// 默认margin
$base-margin: 20px;

// 默认padding
$base-padding: 20px;

// 默认阴影
$base-box-shadow: 0 1px 4px rgb(0 21 41 / 8%);

// 横向top-bar、logo、一级菜单的高度
$base-header-height: 60px;

// 纵向、综合、分栏logo的高度
$base-logo-height: 60px;

// 顶部nav-bar的高度
$base-nav-height: 60px;

// 顶部标签页tabs-bar的高度
$base-tabs-height: 50px;

// 顶部标签页tabs-bar中每一个item的高度
$base-tag-item-height: 34px;

// 菜单li标签的高度
$base-menu-item-height: 50px;

// app-main的高度100vh - #{$base-nav-height} - #{$base-tabs-height} - #{$base-padding} * 2 - 55px
$base-keep-alive-height: calc(100vh - #{$base-nav-height} - #{$base-tabs-height} - #{$base-padding} * 2);
